/*
Icon classes can be used entirely standalone. They are named after their original file names.

Example usage in HTML:

`display: block` sprite:
<div class="icon-home"></div>

To change `display` (e.g. `display: inline-block;`), we suggest using a common CSS class:

// CSS
.icon {
  display: inline-block;
}

// HTML
<i class="icon icon-home"></i>
*/
.icon-lock {
  background-image: url(../sprites/sprite.png);
  background-position: 0px 0px;
  width: 16px;
  height: 18px;
}
.icon-checked {
  background-image: url(../sprites/sprite.png);
  background-position: 0px -18px;
  width: 41px;
  height: 30px;
}
.icon-back {
  background-image: url(../sprites/sprite.png);
  background-position: 0px -48px;
  width: 126px;
  height: 60px;
}
.icon-compare {
  background-image: url(../sprites/sprite.png);
  background-position: 0px -108px;
  width: 133px;
  height: 60px;
}
.icon-save {
  background-image: url(../sprites/sprite.png);
  background-position: 0px -168px;
  width: 128px;
  height: 60px;
}
.icon-packup {
  background-image: url(../sprites/sprite.png);
  background-position: 0px -228px;
  width: 67px;
  height: 67px;
}
